<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>userIp</title>
</head>
<style>
    body {
        font-family: Arial, sans-serif;
        position: relative; /* 为绝对定位提供参考点 */
        padding: 20px; /* 避免内容被悬浮按钮遮挡 */
    }
    a{
        text-decoration: none;
    }

    .el-icon-exit  {
        position: absolute; /* 或 fixed（固定位置不随滚动变化） */
        top: 20px;
        right: 20px;
        background-color: #ff4d4d;
        color: white;
        padding: 10px 15px;
        text-decoration: none;
        border-radius: 5px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
        font-weight: bold;
        transition: background-color 0.3s ease;
    }

    .el-icon-exit :hover {
        background-color: #cc0000;
    }

    .menu-link {
        display: inline-block;
        text-decoration: none;
        color: #fff;
        background-color: #4285f4;
        padding: 12px 20px;
        border-radius: 6px;
        margin-bottom: 10px;
        width: 200px;
        text-align: center;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        transition: all 0.3s ease;
    }

    .menu-link:hover {
        background-color: #3367d6;
        transform: translateY(-2px);
    }

    .menu-link:active {
        transform: translateY(0);
    }

    /* 可选：添加小图标 */
    .menu-link i {
        margin-right: 8px;
    }
</style>
<body>

    <h1>userIp</h1>
    <div style="width: 70%; height: 100px; background-color: rgba(0,255,144,0.71); color: red; padding: 10px; border-radius: 10px">
        您的 IP 地址为：${user_ip}
    </div><br/>

    <a href="${pageContext.request.contextPath}/commService/userAgent.do" class="menu-link">
        <i class="fa fa-user-secret"></i>前往userAgent页面
    </a><br/>

    <a href="${pageContext.request.contextPath}/commService/cookies.do" class="menu-link">
        <i class="fa fa-cookie"></i>前往cookies页面
    </a><br/>

    <a href="${pageContext.request.contextPath}/commService/uirViews.do" class="menu-link">
        <i class="fa fa-eye"></i>前往uirViews页面
    </a><br/>

    <a href="${pageContext.request.contextPath}/fileService/down.do" class="menu-link">
        <i class="fa fa-download"></i>前往down页面
    </a><br/><br/>
    <a class="el-icon-exit" href="${pageContext.request.contextPath}/commService/exitU">退出登录</a>


</body>
</html>
